<!DOCTYPE html>
<html>
<head>
<title>Relationship - Wide and Deep</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="bootstrap-3.0.0/css/bootstrap.min.css" rel="stylesheet"
	media="screen">
</head>
<body>
	<h2>Hello Map</h2>
	<div class="btn-group-vertical">
		<button type="button" class="btn btn-default">Left</button>
		<button type="button" class="btn btn-default">Middle</button>
		<button type="button" class="btn btn-default">Right</button>
	</div>

	<!-- Split button -->
	<div class="btn-group">
		<button type="button" class="btn btn-danger">
			<?php

			$host="localhost:3307"; // Host name
			$username="root"; // Mysql username
			$password="minh"; // Mysql password
			$db_name="relationship"; // Database name
			$tbl_name="person"; // Table name
			$field = "name";

			// Connect to server and select databse.
			mysql_connect("$host", "$username", "$password")or die("cannot connect");
			mysql_select_db("$db_name")or die("cannot select DB $db");

			$sql="SELECT * FROM $tbl_name";
			$result=mysql_query($sql);
			$row = mysql_fetch_array($result);
			echo $row[$field];
			?>

		</button>
		<button type="button" class="btn btn-danger dropdown-toggle"
			data-toggle="dropdown">
			<span class="caret"></span>
		</button>
		<ul class="dropdown-menu" role="menu">
			<li><a href="#"><?php echo $row["birthday"]; ?>
			</a></li>
			<li><a href="#">Another action</a></li>
			<li><a href="#">Something else here</a></li>
			<li class="divider"></li>
			<li><a href="#">Separated link</a></li>
		</ul>
	</div>







	<span class="label label-default">Default</span>
	<span class="label label-primary">Primary</span>
	<span class="label label-success">Success</span>
	<span class="label label-info">Info</span>
	<span class="label label-warning">Warning</span>
	<span class="label label-danger">Danger</span>


	<script src="http://code.jquery.com/jquery.js"></script>
	<script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>
	<script src="bootstrap-3.0.0/js/bootstrap.min.js"></script>

</body>
</html>
